// import { Select } from "antd"
import { FC } from "react"

import { SFormItem } from "@/components/common"
import StyleSelect from "@/components/common/styleSelect"
//import { useOptions } from "@/hooks/useOptions"
import { useLocale } from "@/locales"

export type BigWithdrawAmountSelectorField = {
	bigWithdrawAmountSelector: string
}
// eslint-disable-next-line @typescript-eslint/no-unused-vars
export const BigWithdrawAmountSelector: FC<any> = props => {
	const { rules, disable, labelProps, selectorProps } = props
	const { formatMessage } = useLocale()
	const options = [
		{ label: formatMessage({ id: "common.yes" }), value: 1 },
		{ label: formatMessage({ id: "common.no" }), value: 0 }
	]
	return (
		<SFormItem
			name="bigWithdraw"
			label={`${formatMessage({ id: "funds.proxy_member_funds_record.is_big_withdraw_amount" })}:`}
			rules={rules}
			{...labelProps}
		>
			<StyleSelect
				placeholder={formatMessage({ id: "label.select_all" })}
				allowClear
				options={options}
				disable={disable}
				{...selectorProps}
				width={77}
			/>
		</SFormItem>
	)
}
